Back to Picture Push Button Object

Up to Table of Contents

Ahead to Radio Button Object

Push Button Object

• Push Button Appearance
• Interactivity
• Lesson: Using a Push Button to Show a Graphic
• Push Button Properties

A Push Button is a text-labeled button that you can use to let the user initiate an activity. For example, you can use a Push Button labeled "Play" to allow the user to play an Audio object. Or, as another example, you can let the user move to the next page by pressing a button labeled "Next."

Use the Push Button tool to draw Push Buttons. The tool appears as follows:

Push Button Appearance

Interactivity

For more information on available events, see the section entitled "Push Button Methods, Properties and Events."

Lesson: Using a Push Button to Show a Graphic

In this lesson you set up a Push Button to make a Graphic object visible when the user clicks. When the user clicks, the Graphic object slides into position from the left side of the window.

Note: A completed version of this lesson, called lesn_13, is located in the \Jamba\lessons directory.

First you'll draw both objects.

• Start a new project and open the StartPage.

• Draw a Graphic object (called Graphic1).

• Draw a Push Button (called PushButton1).

Now you need to set up Graphic1.You'll specify the file you want to display when the object becomes visible.

• Right click on Graphic1 and choose Properties... from the popup menu.

• Click in the Value field for the Filename property.

• Use the Open dialog box to search for Jamba\lessons\Graphics\flowers.gif.

Now use the Visible property to make sure that the object is not visible at first.

• Set the Visible property to False.

Now set up the object so that it slides into position when it appears.

• Click in the Value field for the HowToShow property.

The HowToShow dialog box appears.

• Use the drop-down lists to set up the dialog box as shown in the following figure.

  

• Click on OK to close the dialog box.

Now you'll set up the Push Button.

• Click on PushButton1.

The Properties tab appears as follows:

• Set the Label property to Show Picture. (Hint: Resize the object if necessary to show all the text.)

  

Now set the To Do List so that Graphic1 becomes visible when the user clicks PushButton1.

• Click on the To Do List tab.

  

The default event is Click. Because you want the To Do List action to occur when the user clicks, you'll leave the default as is.

• Leave the event set to Click.

• Click on the New To Do Item button.

• Choose Graphic1 from the Object drop-down list.

• Set the What To Do field for Graphic1 to Visible.

• Set the Value for Graphic1 to True.

• Save and run the application.

• To see an example of what the completed applet should look like, click on the start button.

  ---

  ---

Note: See the "Audio Object" lessons for another example of how to use a Push Button.

Push Button Properties

Push Buttons support the following properties:

Properties	Methods	Events
BackgroundColor	MoveAndSize()	Click
Enabled	SlideTo()	Create
Font		Hide
Height		Show
HowToHide		SlideToComplete
HowToShow
Label
Name
TextColor
Visible
Width
X
Y

Back to Picture Push Button Object

Up to Table of Contents

Ahead to Radio Button Object